<template>
  <div class="q-pa-md">
    <t-btn
      no-caps
      color="purple"
      @click="showNotif"
      label="Show HTML Notification"
    />
  </div>
</template>

<script>
  import { useQuasar } from '@teld/q-components';

  export default {
    setup() {
      const $q = useQuasar();

      return {
        showNotif() {
          $q.notify({
            message:
              '<em>I can</em> <span style="color: red">use</span> <strong>HTML</strong>',
            html: true,
          });
        },
      };
    },
  };
</script>
